<template>
  <div class="page">
    <CommonHeader />
    <CommonNav v-if="route.name !== 'login'" />
    <div>
      <slot></slot>
    </div>
    <CommonFooter v-if="route.name !== 'login'" />
    <PageLoginPoupLogin v-if="loginStores.needPoup" @closeLogin="closeLogin" />
  </div>
</template>

<script lang="ts" setup>
import { loginStore } from "@/components/store";
const route = useRoute();
const loginStores = loginStore();
let needLogin = ref(false);
const closeLogin = () => {
  needLogin.value = false;
  loginStores.needPoup = false;
};
</script>

<style lang="stylus" scoped>
.page{
  display flex
  min-width 1180px
  justify-content center
  flex-direction column
}
</style>
